﻿<%@ Page Language="vb" AutoEventWireup="false" MasterPageFile="~/MainPage.Master" CodeBehind="DiscussionDetails.aspx.vb" Inherits="PetsCare.DiscussionDetails" 
    title="Untitled Page" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style33
        {
            width: 100%;
            height: 18px;
        }
        .style38
        {
            width: 128px;
            height: 237px;
        }
        .style39
        {
            height: 237px;
        }
        #userInfo_DIV
        {
            height: 145px;
            width: 100px;
        }
        #Question_div
        {
            height: 153px;
            width: 521px;
        }
        .style40
        {
            height: 237px;
            width: 576px;
        }
        .style41
        {
            width: 100%;
        }
        .style43
        {
            width: 148px;
            height: 65px;
        }
        .style44
        {
            height: 65px;
        }
        .style45
        {
            height: 65px;
            width: 681px;
        }
        .style47
        {
            height: 65px;
            width: 171px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<br />
<div style="height: 253px">

    <table class="style33">
        <tr>
            <td class="style38" valign="top">
           <div id="userInfo_DIV">
            
                                                <asp:Image ID="img_user" runat="server" 
                   Height="121px" Width="101px" />
                                                <asp:Label ID="lbl_UserName" runat="server" Text="UserName" 
                                                    style="font-family: Verdana; font-size: medium; color: #003399"></asp:Label>
            
            </div>
            </td>
            <td class="style40" valign="top">
            <div style="height: 38px; width: 560px"> 
                <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
                </asp:ToolkitScriptManager>
                </div>
            <div id="Question_div">
                <asp:DropShadowExtender ID="DropShadowExtender1" runat="server"  TargetControlID="Panel1" Opacity=".8" Rounded="true">
                </asp:DropShadowExtender>
                

                <asp:Panel ID="Panel1" runat="server" Height="129px" Width="332px" 
                    BackColor="#EDF3FE" BorderColor="#999966">
                    <p style="height: 31px; width: 258px;">
                    <asp:Label ID="lbl_title" runat="server" Text="Label" style="font-family: Verdana; font-size: 14px"></asp:Label></p>
                    <p style="height: 40px; width: 258px;">
                        <asp:Label ID="lbl_Description" runat="server" 
                            style="font-size: 14px; font-family: Verdana" Text="Label"></asp:Label>
                    </p>
                    <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <br />
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <p>&nbsp;</p>
                </asp:Panel>
            
            </div>
            </td>
            <td class="style39" valign="top">
                <br />
            <div style="height: 207px; width: 410px">
             <asp:Accordion ID="Accordion1" runat="server" SelectedIndex="0" 
             CssClass="accordionA" HeaderCssClass="accordionHeaderA"  
             ContentCssClass="accordionContentA" HeaderSelectedCssClass="accordionHeaderSelectedA" 
             FadeTransitions="true" FramesPerSecond="40">
               <Panes>
               <asp:AccordionPane ID="one" runat="server">
               <Header>Information of Pet</Header>
               <Content>
                   <asp:Image ID="img_pet" runat="server" Height="84px" Width="80px"/>
                   <br />
                   <asp:Label ID="lbl_petname" runat="server" Text="Label" ForeColor="White">Pet Name</asp:Label>
               
               
               </Content>
                         
               </asp:AccordionPane>
               
               <asp:AccordionPane ID="Two" runat="server">
               <Header>Information of Discussion</Header>
               <Content>
               <br />
               Total Comments:  <asp:Label ID="lbl_totalComments" runat="server" Text="lbl_totalComments" ForeColor="White">Total Comments</asp:Label><br /><br />
               Time of post  :  <asp:Label ID="lbl_TOP" runat="server" Text="lbl_Time of post" ForeColor="White">Time of post</asp:Label>
               
               
               </Content>
               
               </asp:AccordionPane>
               
                <asp:AccordionPane ID="AccordionPane1" runat="server">
               <Header>Comment</Header>
               <Content>
               <br />
               Your Comment: <br /><br />
               <asp:TextBox ID="tb_comment" runat="server" height="70px" width="250px" TextMode="MultiLine"> </asp:TextBox><br />
                   <asp:Button ID="btn_post" runat="server" Text="Post" CssClass="DiscussionHeader"/>
               
               
               </Content>
               
               </asp:AccordionPane>
               
               
               
               
               </Panes>
               </asp:Accordion>
            </div>
            
            </td>
        </tr>
    </table>

</div>
   
            
    <div class="accordionContentA" style="height: 17px; width: 436px">
        All comments receved on this post shows as follows<br />
    </div>
    
    <div>
      
      <asp:Repeater ID="Repeater1" runat="server" DataSourceID="SqlDataSource1">
        <ItemTemplate>
       
        <table class="style41">
            <tr class="DiscussionBody">
                <td class="style43">
                    <asp:Image ID="Image2" runat="server" Height="48px" Width="48px" 
                        ImageUrl=<%#eval("UserImage")%> />
                    <br /><%#Eval("UserName")%></td>
                <td valign="middle">
                   <%#Eval("commentOfUser")%></td>
                   
                <td class="style47">
                    <%#Eval("TimeOfComment")%></td>
                <td class="style44">
                     <%#Eval("DateOfComment")%></td>
            </tr>
            <tr>
                <td class="descriptionContent" colspan="4">
                    &nbsp;</td>
            </tr>
        </table>
        </ItemTemplate>
    </asp:Repeater>
    
    
   
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:PetsConnectionString %>" 
            ProviderName="<%$ ConnectionStrings:PetsConnectionString.ProviderName %>" 
            SelectCommand="SELECT * FROM [Discussion_Comments] WHERE ([Discussion_ID_fk] = ?)">
            <SelectParameters>
                <asp:QueryStringParameter Name="Discussion_ID_fk" QueryStringField="ID" 
                    Type="Int32" />
            </SelectParameters>
        </asp:SqlDataSource>
    </div>
    
    
    
</asp:Content>
